/* 
    Document   : home
    Created on : Apr 21, 2011, 3:00:58 PM
    Author     : l2qnew
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
/*Best Price table */
.best-price-in-month { 
    float: left; width: 100%; background: #336699; padding-top: 10px;
    -webkit-border-radius:  5px 5px 0 0;
    -moz-border-radius:  5px 5px 0 0;
    border-radius:  5px 5px 0 0;

}
.best-price-in-month b {
    color: #fff; font-size: 14px; font-weight: bold;
    padding: 0 15px; float: left; line-height: 30px;
}
.best-price-in-month ul { list-style: none; margin: 0; padding: 0;}
.best-price-in-month li { display: inline; float: left;}
.best-price-in-month li a {
    float: left; padding: 10px;
     -webkit-border-radius:  5px 5px 0 0;
    -moz-border-radius:  5px 5px 0 0;
    border-radius:  5px 5px 0 0;
 
}
.best-price-in-month li.select a {
    background: #fff; color: #345f89; font-weight: bold;
}
.best-price-in-month a:hover {
    color: #F07824; font-weight: normal;
}
.best-price-table { float: left; clear: both; padding: 10px 0; width: 100%;}
.best-price-table table {
    border-bottom: 1px solid #eee;border-right: 1px solid #eee;

}
.best-price-table table th {
    background: #F07824; color: #fff;
    border-top: 1px solid #eee;border-left: 1px solid #eee;
    height: 29px; line-height: 29px;
}
.best-price-table table th.none {
    background: none; border: none;
}
.best-price-table table td {
    text-align: center; color: #345f89; height: 29px; line-height: 29px;
    border-top: 1px solid #eee; border-left: 1px solid #eee;
}
.best-price-table table td.diem-khoi-hanh {
    background: #336699; color: #fff; font-weight: bold;
    text-align: left; padding-left: 10px;
}
.best-price-table table td.ko-hop-le {
    background: #f5f5f5; color: #999;
}
.best-price-table table td a { color: #345f89; float: left; width: 100%;}
.best-price-table table td a:hover { 
    color: #F07824; background: #EEF7FB; 
    -moz-box-shadow: 1px 1px 5px #345f89;
-webkit-box-shadow: 1px 1px 5px #345f89;
box-shadow: 1px 1px 5px #345f89;
}

.chu-thich { float: left; width: 100%; clear: both;}
.chu-thich span {
    height: 20px; padding-left:5px; color: #333; float: right;
    margin-left: 20px;line-height: 20px;
}
.chu-thich .diem-khoi-hanh { border-left: 20px solid #336699 ;}
.chu-thich .diem-den-noidia { border-left: 20px solid #F07824 ;}

/*Information style*/
.information {
    float: left; clear: both; width: 100%; margin-top: 15px;
    padding-bottom: 20px; background: #EEF7FB;
    font-size: 13px;
}
#information-content {width: 960px; margin: 0 auto; }
#information-content a { color: #336699;}
#information-content a:hover { color: #F07824;}
 .side { float: left; width: 320px; padding-top: 15px;}
 .side .title {
    color: #345f89; font-size: 16px; font-weight:bolder; padding-left: 40px;
    padding-bottom: 10px; text-shadow: 1px 1px 1px #fff; height: 35px; line-height: 35px;
}
 .side .content { padding-left: 40px;}
 .side .content ul {list-style: none; margin: 0; padding: 0;}
 .side .content ul li {
     padding: 5px 0; float: left; clear: both;}

 .why-us .content ul li {text-shadow: 1px 1px 2px #d4d4d4; color: #333; }
  .why-us .content ul li b { font-size: 14px; color: #377F23;}
  p.y-kien { float: left; clear: both;
    padding-left: 10px; padding-top: 10px;
}
.support-online .support {
    float: left; padding: 5px 10px; background: #fff; 
}
.support-online .ho-tro-sau {
    float: left; clear: both; padding-top: 10px;
}
.ho-tro-sau p { font-size: 14px;}
.q-a .question .q-content {
    font-style: italic;
}
.q-content span {
    font-size: 14px; color: #F07824; font-weight: bold;
    font-family: sans-serif,Tahoma,Arial,Helvetica; font-style: normal;
}
.support a { float: left; height: 32px; line-height: 32px; padding-right: 10px;}
.support .chat {background: url('../Images/FrontEnd/chat-.png') no-repeat left; padding-left: 35px; }
.support .email {background: url('../Images/FrontEnd/email.png') no-repeat left; padding-left: 35px; }
.support .phone {background: url('../Images/FrontEnd/phone.png') no-repeat left; padding-left: 35px; }
.content p.y-kien {background: url('../Images/FrontEnd/edit.png') no-repeat left; padding-left: 35px;}
.q-a .title {background: url('../Images/FrontEnd/suport-chat.gif') no-repeat top left;}
.support-online .title {background: url('../Images/FrontEnd/customer-sup.gif') no-repeat top left; }
.why-us .title {background: url('../Images/FrontEnd/why-us.gif') no-repeat top left; }
p.view-more {  float: right; clear: both;}
.a-title { float: right; clear: both; margin-bottom: 0; font-size: 11px; color: #999;}
.answer {
    float: left; width: 256px; margin-top: 10px; background: #fff; border: 2px dashed #d4d4d4;
    padding: 5px 10px;
}
.q-content { line-height: 20px;}
.q-title { font-size: 11px; color: #999}
.nguoi-hoi { font-size: 12px; color: #345f89;background: url('../Images/FrontEnd/vcard.png') no-repeat top left; padding-left: 20px; }
.nguoi-dap { font-size: 12px; color: #345f89;background: url('../Images/FrontEnd/user_comment.png') no-repeat top left; padding-left: 20px;}
.navagation { clear: both;}
.navagation img { padding-top: 10px;}
